{% extends 'admin/index.html' %}

{% block con-title %}
    <div class="container-fluid am-cf">
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-9">
                <div class="page-header-heading">
                    <span class="am-icon-user page-header-heading-icon"></span>
                     会员添加
                   </div>
            </div>
          
        </div>
    </div>
{% endblock %}

{% block con-body %}
<div class="row-content am-cf">
    <div class="row  am-cf">
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                <div class="widget am-cf">
                    <div class="widget-body am-fr">

                        <form action="{% url 'myadmin_user_insert' %}" id="uploadForm" class="am-form tpl-form-line-form"  method="post" enctype='multipart/form-data'>
                            {% csrf_token %}
                            <div class="am-form-group">
                                <label for="user-name" class="am-u-sm-3 am-form-label">
                                    用户名
                                </label>
                                <div class="am-u-sm-9">
                                    <input name="username" required maxlength="32" minlength="2" type="text" class="tpl-form-input"  placeholder="请输入用户名">
                                </div>
                            </div>

                            <div class="am-form-group">
                                <label for="user-name" class="am-u-sm-3 am-form-label">
                                    密码
                                </label>
                                <div class="am-u-sm-9">
                                    <input name="password" type="password" class="tpl-form-input"  placeholder="请输入密码">
                                </div>
                            </div>

                            <div class="am-form-group">
                                <label for="user-name" class="am-u-sm-3 am-form-label">
                                    邮箱
                                </label>
                                <div class="am-u-sm-9">
                                    <input name="email" type="email" class="tpl-form-input"  placeholder="请输入邮箱">
                                </div>
                            </div>

                              <div class="am-form-group">
                                <label for="user-name" class="am-u-sm-3 am-form-label">
                                    手机号
                                </label>
                                <div class="am-u-sm-9">
                                    <input name="phone" type="text" class="tpl-form-input"  placeholder="请输入手机号" maxlength="11">
                                </div>
                            </div>

                            <div class="am-form-group">
                                <label for="user-name" class="am-u-sm-3 am-form-label">
                                    年龄
                                </label>
                                <div class="am-u-sm-9">
                                    <input name="age" type="number" class="tpl-form-input"  placeholder="请输入年龄">
                                </div>
                            </div>

                            <div class="am-form-group">
                                <label for="user-name" class="am-u-sm-3 am-form-label">
                                    性别
                                </label>
                                <div class="am-u-sm-9">
                                    <div class="am-form-group">
                                        <label class="am-radio-inline">
                                            <input type="radio" value="1" checked name="sex"> 
                                            男
                                        </label>
                                        <label class="am-radio-inline">
                                            <input type="radio" value="0" name="sex"> 
                                            女
                                        </label>
                                    </div>
                                </div>
                            </div>

                    
                           <div class="am-form-group">
                               <label for="user-weibo" class="am-u-sm-3 am-form-label">
                                头像 
                                </label>
                               <div class="am-u-sm-9 fileinput fileinput-new" data-provides="fileinput" id="exampleInputUpload">
                                   <div class="fileinput-new thumbnail" style="width: 200px;height: auto;max-height:150px;">
                                       <img id='picImg' style="width: 100%;height: auto;max-height: 140px;" src="" alt="" />
                                   </div>
                                   <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"></div>
                                   <div>
                                       <span class="btn btn-primary btn-file">
                                           <input type="file" name="pic" id="picID" accept="image/gif,image/jpeg,image/x-png" /></span>
                                   </div>
                               </div>
                           </div>
                 


                            <div class="am-form-group">
                                <div class="am-u-sm-9 am-u-sm-push-3">
                                    <button  class="am-btn am-btn-primary tpl-btn-bg-color-success ">提交</button></div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/static/admin/js/bootstrap-fileinput.js"></script>
{% endblock %}